<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="utf-8"></meta>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"></meta>
    <title>camera</title>

</head>
<body>
<div class="wrapper">
    <!-- 顶部右侧处理故障等列表 -->
    <div class="navbar-custom-menu cameraHeader"  th:fragment="cameraHeader" style="display:none">


         <ul class="nav navbar-nav ">

            <!--  快速定位  -->
            <li class="searchBox">
                <div class="input-group ">
                    <input type="text" name="q" class="form-control" placeholder="快速定位...">
		       <span class="input-group-btn">
		             <div id="search-btn" class="btn btn-flat search-btn"><i class="fa fa-map-marker"></i>
                     </div>
                </span>
                </div>
            </li>

            <ul class="searchList" style="right:109px;">
                <!-- TODO -->
            </ul>

            <li class="messages-menu"><!-- dropdown -->     
	             <span class="dropdown-toggle sumStyle">
	                 <i class="sumImg"><img alt="摄像头总数" height="20" src="/icons/camera.svg" width="20"></i>
	                 <span class="cameraSum">2</span>
	             </span>
            </li>
            
<!--             <li class="messages-menu">
             <span class="dropdown-toggle deviceHistoryaaa">
                 <i  class="sumImg"><img width=20 height=20 src="/icons/history.svg" alt="历史查询"/></i>
                 <span>历史</span>
             </span>
            </li> -->

            <!-- 离线 -->


            <li class="messages-menu "><!-- dropdown lowPowerMenu-->
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">

                    <i><span style="background-color: #808080;"><img src="/icons/camera.svg" width=16 height=16 alt="关闭"/></span></i>
                    <span class="label numStyle" id="">0</span>
                    <span>离线</span>
                </a>
                <ul class="dropdown-menu" style="height:auto;border: 0">
                    <li>
                        <div class="slimScrollDiv">
                            <ul class="menu" style="width: 100%; max-height: 500px; height:auto">

                                <!-- TODO -->

                            </ul>
                        </div>
                    </li>
                </ul>
            </li>

        </ul>
<!--           <ul class="nav navbar-nav">
        	<li class="cameraDev1">
        	<a href="/test" class="cameraVideoBtn1" style="margin-top: 12px;" cursor:"default">摄像头</a>  
        	</li>
        </ul>  -->
    </div>


</div>

</body>
</html>

